*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// 主题颜色
.themeColor{
  color: $uni-color-primary;
}
// 字体粗体
.fw{
  font-weight: bold;
}
// 字体
@font-face {
    font-family: 'PingFang-SC-Bold';
    src: url('~@/static/font/PingFang Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
page{
  font-family: 'PingFang-SC-Bold';
}
[class*=u-] {
  font-family: 'PingFang-SC-Bold'; // 给所有uvview加上字体
}

// 全局通用css
.flex{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}
.flexWrap{
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}
.flexCol{
  display: flex !important;
  flex-direction: column !important;
}
.flexColWrap{
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
}
// 上下左右居中
.flexCenter{
  display: flex !important;
  align-items: center;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
// 上下左右居中
.flexColCenter{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
// 清除ul默认样式
ul{
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  color: #303133;
}

// 边距
.mt5{
  margin-top: 10rpx !important;
}
.mt10{
  margin-top: 20rpx !important;
}
.mt15{
  margin-top: 30rpx !important;
}
.mt20{
  margin-top: 40rpx !important;
}
.mt25{
  margin-top: 50rpx !important;
}
.mt30{
  margin-top: 60rpx !important;
}
.mt40{
  margin-top: 80rpx !important;
}

.ml5{
  margin-left: 10rpx !important;
}
.ml10{
  margin-left: 20rpx !important;
}
.ml15{
  margin-left: 30rpx !important;
}
.ml20{
  margin-left: 40rpx !important;
}
.ml25{
  margin-left: 50rpx !important;
}
.ml30{
  margin-left: 60rpx !important;
}
.ml40{
  margin-left: 80rpx !important;
}

.mr5{
  margin-right: 10rx !important;
}
.mr10{
  margin-right: 20rpx !important;
}
.mr15{
  margin-right: 30rpx !important;
}
.mr20{
  margin-right: 40rpx !important;
}
.mr25{
  margin-right: 50rpx !important;
}
.mr30{
  margin-right: 60rpx !important;
}
.mr40{
  margin-right: 80rpx !important;
}

.mb5{
  margin-bottom: 10rpx !important;
}
.mb10{
  margin-bottom: 20rpx !important;
}
.mb15{
  margin-bottom: 30rpx !important;
}
.mb20{
  margin-bottom: 40rpx !important;
}
.mb25{
  margin-bottom: 50rpx!important;
}
.mb30{
  margin-bottom: 60rpx !important;
}
.mb40{
  margin-bottom: 80rpx !important;
}

.pt5{
  padding-top: 10rpx !important;
}
.pt10{
  padding-top: 20rpx !important;
}
.pt15{
  padding-top: 30rpx !important;
}
.pt20{
  padding-top: 40rpx !important;
}
.pt25{
  padding-top: 50rpx !important;
}
.pt30{
  padding-top: 60rpx !important;
}
.pt40{
  padding-top: 80rpx !important;
}

.pl5{
  padding-left: 10rpx !important;
}
.pl10{
  padding-left: 20rpx !important;
}
.pl15{
  padding-left: 30rpx !important;
}
.pl20{
  padding-left: 40rpx !important;
}
.pl25{
  padding-left: 50rpx !important;
}
.pl30{
  padding-left: 60rpx !important;
}
.pl40{
  padding-left: 80rpx !important;
}

.pb5{
  padding-bottom: 10rpx !important;
}
.pb10{
  padding-bottom: 20rpx !important;
}
.pb15{
  padding-bottom: 30rpx !important;
}
.pb20{
  padding-bottom: 40rpx !important;
}
.pb25{
  padding-bottom: 50rpx !important;
}
.pb30{
  padding-bottom: 60rpx !important;
}
.pb40{
  padding-bottom: 80rpx !important;
}

.pr5{
  padding-right: 10rpx !important;
}
.pr10{
  padding-right: 20rpx !important;
}
.pr15{
  padding-right: 30rpx !important;
}
.pr20{
  padding-right: 40rpx !important;
}
.pr25{
  padding-right: 50rpx !important;
}
.pr30{
  padding-right: 60rpx !important;
}
.pr40{
  padding-right: 80rpx !important;
}
// 字体大小
.fs12{
  font-size: 24rpx !important;
}
.fs13{
  font-size: 26rpx !important;
}
.fs14{
  font-size: 28rpx !important;
}
.fs15{
  font-size: 30rpx !important;
}
.fs16{
  font-size: 32rpx !important;
}
.fs18{
  font-size: 36rpx !important;
}
.fs20{
  font-size: 40rpx !important;
}
.fs22{
  font-size: 44rpx !important;
}
.fs24{
  font-size: 48rpx !important;
}
.fs26{
  font-size: 52rpx !important;
}

// 单行文字超出隐藏显示省略号...
.singleLineEllipsis{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
// 多行文字超出隐藏显示省略号...
.twoLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:2;
}
.threeLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:3;
}
.fourLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:4;
}
.fiveLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:5;
}
.sixLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:6;
}
.sevenLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:7;
}
.eightLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:8;
}